import React from 'react'
import { Link, Outlet } from 'react-router-dom'

export default function home() {
  return (
    <>
        <h1>Bookkeeper!</h1>
        <nav style={{
            borderBottom: 'solid 1px #ccc',
            paddingBottom: '1rem'
        }}>
            <Link to="/invoices">Invoices</Link> |{" "}
            <Link to="/expenses">Expenses</Link>
        </nav>
        <main>
            <Outlet />
        </main>
    </>
  )
}
